/* Заменяем стандартную иконку пользователя */
.center-block .user-default-profile-image {
    content: url("https://img.icons8.com/ios-filled/100/151622/user.png")
        /* Замена иконки пользователя около формы ДЗ, если нет аватарки ("https://img.icons8.com/ios-filled/100/Здесь код цвета без решётки/user.png") */
    ;
}

.user-profile-image:not(.user-default-profile-image) {
    border-radius: 100px;
}

.user-profile-image {
    width: 40px;
    height: 40px;
}

.comments-tree .user-image-wrapper img {
    width: 40px;
}

/*Тестирование*/
.testing-widget .before-start-block {
    text-align: left;
    margin: 0;
}

.testing-widget .before-start-block .start-btn {
    font-family: var(--font-1) !important;
    font-weight: 600;
    text-transform: inherit !important;
    font-size: 14px;
    padding: 20px 60px;
    width: 260px;
    border: none;
    border-radius: 5px !important;
    background: var(--color-7) !important;
    min-height: 60px;
    transition: 0.4s;
    color: var(--color-3);
    transition: 0.3s;
}

.answer-form div {
    margin: 0 !important;
}

.lesson-mission-text p{
    font-family: var(--font-1) !important;
    color: var(--color-4);
}

.lesson-mission-wrapper .testing-widget {
    font-family: var(--font-1) !important;
    color: var(--color-4);
}

.lesson-mission-wrapper .testing-widget .text-warning {
    color: var(--color-7);
}

.lesson-mission-wrapper .testing-widget .question .question-number.text-center{
    color: var(--color-4);
    font-family: var(--font-1) !important;
    font-size: 14px;
    text-align: left;
    margin-top: 10px;
}

.lesson-mission-wrapper .testing-widget .question .question-data .question-answer-block{
    padding: 0!important;
}

.lesson-mission-wrapper .testing-widget .question .question-data .question-answer-block .button-list{
    margin: 0!important;
}

.testing-widget .btn-send-variant{
    border: 1px solid #cccccc!important;
    border-radius: 5px!important;
    font-family: var(--font-1) !important;
}

.testing-widget .stat-block{
    font-family: var(--font-1) !important;
    text-align: left!important;
}

.testing-widget .row.has-restart-button{
    margin: 10px auto!important;
}


/* Стили блока ДЗ */
.lt-lesson-mission-block .container .row .col-md-12 div:not(.lesson-mission-wrapper, .lesson-mission-wrapper div) {
    transition: all 0.4s;
    border: 1px solid var(--color-3);
    border-radius: 20px;
    background: var(--color-3) !important;
    margin-top: 30px;
}

.answer-form .user-profile-image {
    display: none;
}

.lesson-mission-wrapper {
    color: var(--color-1);
    border: none;
    margin-top: 0px;
    transition: all 0.4s;
    background: none;
}

.lt-lesson-mission-block h3 {
    color: var(--color-4);
    font-family: var(--font-2) !important;
    font-size: 28px;
    text-transform: inherit !important;
    padding: 30px 20px 0px;
    font-weight: 800;
    padding-top: 35px;
    letter-spacing: 0.02em;
    transition: color 0.5s;
    background: none;
}

.answer-form .addfield label {
    color: var(--color-4);
    font-weight: bold;
}

label[for="user_hide_answer"] {
    color: var(--color-4);
}

.lesson-mission-text {
    border-bottom: none;
}

.answer-form {
    background: transparent;
}

/* Цвет текст полей */
input[type="text"]::placeholder,
textarea::placeholder {
    color: var(--color-4);
    opacity: 0.4;
}

/*Отправить ответ*/
.btn-send-answer,
.btn-primary[name="send-answer"],
.save-edited-comment-btn {
    font-family: var(--font-1) !important;
    font-weight: 600;
    text-transform: inherit !important;
    font-size: 14px;
    padding: 20px 60px;
    border: none;
    border-radius: 5px !important;
    background: var(--color-7) !important;
    min-height: 60px;
    transition: 0.4s;
    color: var(--color-3)!important;
    transition: 0.3s;
    width: 260px;
}

.btn-send-answer:hover,
.btn-send-answer:focus,
.btn-send-answer:active,
.btn-send-answer:active:focus,
.btn-primary[name="send-answer"]:hover,
.btn-primary[name="send-answer"]:focus,
.btn-primary[name="send-answer"]:active,
.btn-primary[name="send-answer"]:active:focus,
.save-edited-comment-btn:hover,
.save-edited-comment-btn:focus,
.save-edited-comment-btn:active,
.save-edited-comment-btn:active:focus {
    background: var(--color-9) !important;
}

/* Кнопка "Сохранить черновик" */
.btn-save-draft,
.comment-cancel-edit-link {
    color: var(--color-7) !important;
    font-weight: 600;
    text-transform: inherit !important;
    font-size: 14px !important;
    padding: 20px 60px !important;
    border: 1px solid var(--color-7);
    border-radius: 5px !important;
    background: transparent;
    min-height: 60px;
    transition: 0.4s;
}

.btn-save-draft:hover,
.btn-save-draft:focus,
.btn-save-draft:active,
.btn-save-draft:active:focus,
.comment-cancel-edit-link:hover,
.comment-cancel-edit-link:focus,
.comment-cancel-edit-link:active,
.comment-cancel-edit-link:active:focus {
    color: var(--color-9) !important;
    border: 1px solid var(--color-9);
    text-decoration: none;
    transition: 0.4s;
}

/* Кнопка добавления файлов */
.answer-form-inner .uploadifive-button {
    background-color: var(--color-7) !important;
    background-image: none !important;
    color: var(--color-3) !important;
    text-transform: inherit !important;
}

.answer-form-inner .uploadifive-button:hover {
    background: var(--color-9) !important;
}

.uploadifive-button {
    border-radius: 20px;
    transition: all 0.2s;
    font: bold 12px Raleway, Helvetica, sans-serif;
    letter-spacing: 0.02em;
}

input[type="file"] {
    cursor: pointer;
}

/* Цвет текста подписей (Максимальный размер файла) */
.text-muted {
    color: var(--color-4) !important;
}

/* Стили ответа на комментарий при появлении */
.comment-wrapper.comments-container[style*="rgba"] {
    background-color: var(--color-3) !important;
    -webkit-transition: background-color 700ms linear;
    -ms-transition: background-color 700ms linear;
    transition: background-color 700ms linear;
    border-radius: 90px;
    margin-right: 45px !important;
    margin-bottom: 11px;
    padding: 0px;
}

.user-answer .comment-wrapper .comments {
    margin-top: 0px !important;
}

.comment-wrapper.comments-container[style*="rgba"] .lesson-answer-comment {
    margin-bottom: 0px !important;
}

/*Оставить коммент*/
.simple-answer {
    border-radius: 20px;
    transition: all 0.4s;
    background: var(--color-1) !important;
}

.emoji-textarea,
.emoji-wysiwyg-editor,
.new-comment-textarea.edited-comment-text {
    border-radius: 20px;
    outline: none;
    padding: 10px;
    resize: none !important;
    color: var(--color-4) !important;
}

.emoji-button {
    padding: 5px;
}

.emoji-button span.fa {
    color: var(--color-7);
}

.emoji-wysiwyg-editor {
    margin-bottom: 21px;
}

.addfield .type-string,
.addfield .type-currency,
.addfield .type-float {
    border: 1px solid var(--color-4);
    border-radius: 20px;
    outline: none;
    padding: 10px;
    color: var(--color-4);
    width: 100% !important;
}

.edit-comment-active-element {
    color: transparent;
    user-select: none;
}

.type-text.emoji-textarea {
    color: var(--color-4);
}

.answer-form-inner div {
    color: var(--color-4);
}

/* Стили блока комментариев */
.other-answers {
    border-radius: 20px;
    transition: all 0.4s;
    margin-top: 20px;
}

/* Цвета фона комментариев */
.user-answer .addfield,
.lesson-answer-comment {
    background: var(--color-3) !important;
    border-radius: 10px !important;
    color: var(--color-4) !important;
}

.user-answer .addfield a,
.lesson-answer-comment a {
    color: var(--color-4) !important;
}

.comment-wrapper.comments-container {
    background: var(--color-3) !important;
    margin-bottom: 10px !important;
    border-radius: 10px;
}

.comment-wrapper.comments-container a,
.comment-wrapper.comments-container span {
    color: var(--color-4) !important;
}

.comment-wrapper.comments-container a {
    margin-right: 5px;
}

/* Стили комментария при появлении */
.user-answer.type-free_comment[style*="rgba"] {
    background-color: var(--color-4) !important;
    -webkit-transition: background-color 700ms linear;
    -ms-transition: background-color 700ms linear;
    transition: background-color 700ms linear;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.user-answer.type-free_comment {
    background-color: transparent !important;
}

.answer-form label[for="user_hide_answer"] {
    margin-left: 30px !important;
    margin-bottom: 10px;
}

.answer-form #user_hide_answer {
    margin-top: 0px !important
}

.addfield label:empty {
    display: none !important;
}

.comments-tree .comment .title {
    display: flex;
    align-items: center;
}

/* Цвет кнопки "Нравится" и кнопки "Подписаться" (Генератор цвета: https://codepen.io/sosuke/pen/Pjoqqp) 
.answer-content .b-like-and-subscribe-notifications .button:before {
    filter: invert(32%) sepia(6%) saturate(4018%) hue-rotate(223deg) brightness(97%) contrast(82%);
}

/* Цвет кнопки "Нравится" и кнопки "Подписаться" при наведении или активности (Генератор цвета: https://codepen.io/sosuke/pen/Pjoqqp)
.answer-content .b-notifications-subscribe .button:hover:before,
.answer-content .b-like-and-subscribe-notifications .button:hover:before,
.answer-content .b-notifications-subscribe .button.subscribed:before,
.answer-content .b-like-and-subscribe-notifications .button.positive.like:before {
    filter: invert(0%) sepia(4%) saturate(97%) hue-rotate(360deg) brightness(109%) contrast(84%);
}

/* Цвет разделителя между кнопками "Нравится" и "Подписаться" */
.b-like-and-subscribe-notifications .word-separator {
    color: transparent;
    user-select: none;
}

.comment-cancel-edit-link {
    margin-left: -3px;
}

.text-muted {
    font-size: 11px;
    width: 100%;
    font-weight: 500;
    letter-spacing: 0.01em;
}

/*Отправить коммент*/
.btn-send {
    background: var(--color-7) !important;
    border: none;
    border-radius: 5px !important;
    transition: all 0.2s;
    font-family: var(--font-2);
    font-size: 12px;
    height: 40px;
    padding: 0px 40px;
    text-transform: inherit !important;
}

.btn-send:hover,
.btn-send:focus,
.btn-send:active,
.btn-send:active:focus {
    background: var(--color-9);
}

.simple-answer .emoji-wysiwyg-editor {
    color: var(--color-4);
}

/*Коммент на коммент*/
.comment-form-wrapper .new-comment-textarea {
    border: 1px solid var(--color-6);
    border-radius: 90px;
    outline: none;
    padding: 8px 10px;
    color: var(--color-4)!important;
    min-height: 40px !important;
}

.user-answer {
    border: none;
    padding-bottom: 0px;
}

.user-answer .addfield {
    border-radius: 20px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.02em;
    color: var(--color-4) !important;
    margin-bottom: 10px;
}

.user-answer .addfield .value {
    color: var(--color-4);
}

.user-answer .simple-filelist {
    padding-left: 0px;
}

.user-answer .simple-filelist-filesize {
    color: var(--color-4);
}

.lesson-answer-comment {
    font-size: 12px;
    line-height: 14px;
    color: var(--color-4);
    margin-bottom: 0px;
    padding: 15px 10px 0px;
}

.answer-content .b-like-and-subscribe-notifications .button {
    border-bottom: none;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: var(--color-8);
}

.other-answers,
.other-answers .emoji-text,
.other-answers .comment-time,
.other-answers .title span,
.answer-date,
.answer-date a,
.user-answer .title span,
.user-answer .emoji-text,
.user-answer .comment-time {
    color: var(--color-4);
}

.fa-money{
    color: var(--color-7) !important;
}

/*.answer-content .b-like-and-subscribe-notifications .button:before {
    content: "";
    display: inline-block;
    vertical-align: text-top;
    width: 14px;
    height: 14px;
    margin: 0 6px 0 0;
    background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/335627/sc/358/h/ea991f9bc3246cdaf6d4b219edf5997c.svg");
}

.answer-content .b-notifications-subscribe .button:before {
    background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/335627/sc/48/h/01c642c9c4206746c306a554dc2d9e86.svg");
}
*/
.answer-content .b-like-and-subscribe-notifications .positive-count {
    display: none;
}

.answer-content .b-like-and-subscribe-notifications .button.positive.like:before {
    background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/335627/sc/210/h/23b15828e796ba81d5bde8c68e9471cb.svg");
}

.more-comments {
    color: var(--color-4) !important;
    font-weight: 600;
}

.comment-form-wrapper .new-comment.active .btn-send {
    text-transform: uppercase;
    color: var(--color-3) !important;
}

/*Статусы*/
.answer-status-label {
    border-radius: 10px !important;
}

.user-answer.status-accepted .answer-status .answer-status-label {
	background: transparent;
    color: var(--color-13) !important;
    font-family: var(--font-1);
}

.answer-status a {
    color: var(--color-4);
    /* Цвет надписи "Модерация" */
    opacity: 0.7;
    font-weight: bold;
    transition: all 0.1s;
}

.answer-status a:hover {
    opacity: 1;
    text-decoration: none;
}

.answer-status a[href*="/pl/../../teach/control/answers/review"]:before {
    content: "\270f";
    font-family: 'Glyphicons Halflings';
    font-size: 12px;
    margin-right: 5px;
    display: inline-block;
    text-decoration: none !important;
}

#answers {
    font-weight: bold;
}

#answers a {
    color: var(--color-4);
    text-decoration: none;
    transition: all 0.1s;
}

.lesson-answers-title a {
    color: var(--color-4);
    text-decoration: none;
    transition: all 0.1s;
}

.lesson-answers-title a:hover {
    color: var(--color-4);
}

#showMoreAnswers {
    background: var(--color-7);
    border: none;
    border-radius: 20px !important;
    transition: all 0.2s;
    font-family: var(--font-1), sans-serif;
    font-weight: bold;
    letter-spacing: 0.02em;
    margin-top: 20px;
}

#showMoreAnswers:hover {
    background: var(--color-9);
}

.user-image-wrapper span span {
    display: none;
}

.uploadifive-queue {
    margin-top: 10px;
    margin-right: 50px;
}

.uploadifive-queue-item {
    border-radius: 20px !important;
    border: none;
}

.uploadifive-queue-item:not(:last-child) {
    margin-bottom: 10px;
}

.uploadifive-queue-item div {
    color: var(--color-1) !important;
}

.comment-form-wrapper .file-uploader {
    width: 100%;
    margin: 0px;
}

.public-level-block {
    margin-top: 5px;
    margin-right: 0px
}

.public-level-block.user-can-hide-answer {
    color: var(--color-4) !important;
    font-weight: 50;
}

.change-public-level-link {
    margin-left: 5px;
    color: var(--color-4) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s;
}

.change-public-level-link .glyphicon {
    color: var(--color-4);
}

.change-public-level-link:hover {
    color: var(--color-4) !important;
}

.answer-status>br {
    display: none;
}

a[href*="/pl/../teach/control/answers/edit"] {
    float: right;
    color: var(--color-4) !important;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none !important;
    transition: all 0.2s;
    margin-top: 5px;
}

a[href*="/pl/../teach/control/answers/edit"]:hover {
    color: var(--color-4);
    /* Цвет надписи "Редактировать ответ" при наведении */
}

.emoji-container .emoji-wysiwyg-editor {
    color: var(--color-4) !important;
}

.simple-filelist-icon img {
    border-radius: 10px;
    margin-bottom: 10px;
}

.comment-files-widget img {
    border-radius: 10px;
    margin-top: 10px;
}

.answer-files .file>a>img {
    margin-bottom: 10px;
}

.files.active .file {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.glyphicon-file:before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/230006/sc/44/h/6e63192da616236d3f15de13c100d959.svg);
}

.simple-filelist-filename {
    margin-top: 4.5px;
}

.audio-comment,
.audio-skill {
    right: 67px;
    top: 9px;
    color: var(--color-4);
    font-size: 17px !important;
    transition: all 0.2s;
}

.attach-file-button-container {
    right: 38px;
    top: 8px;
    color: var(--color-4) !important;
    font-size: 15px !important;
    transition: all 0.2s;
}

.attach-file-button-container .uploadifive-button {
    color: var(--color-7) !important;
    width: 17px !important;
    transition: all 0.2s;
}

.uploadifive-button .glyphicon-paperclip {
    top: 4px;
}

.audio-status {
    font-weight: bold;
}

.audio-tip {
    border-color: var(--color-4);
    padding: 10px 0px;
    margin-right: 20px;
    border-radius: 20px;
}

.audio-tip .tooltip-inner {
    background: none;
    border-radius: unset;
}

.audio-save,
.audio-cancel,
.audio-record,
.audio-pause,
.audio-comment .fa.fa-microphone {
    color: var(--color-7) !important;
    transition: all 0.2s;
}

.audio-save:hover,
.audio-cancel:hover,
.audio-record:hover,
.audio-pause:hover {
    color: var(--color-4) !important;
}

.simple-filelist {
    padding-left: 0px;
    padding-top: 10px;
}

.simple-filelist li .simple-filelist-icon {
    margin-bottom: 0px;
}

.simple-filelist-filesize {
    color: var(--color-4);
}

.simple-filelist-filename a {
    color: var(--color-4);
}

.emoji-button span.fa:hover,
.attach-file-button-container .uploadifive-button:hover,
.audio-comment .fa.fa-microphone:hover,
.audio-skill:hover,
.emoji-button span.fa:active,
.attach-file-button-container .uploadifive-button:active,
.audio-comment .fa.fa-microphone:active,
.audio-skill:active {
    color: var(--color-9) !important;
}

.addfield.type-file_list .simple-filelist li {
    display: flex;
    align-items: center;
}

.simple-filelist li .simple-filelist-filename {
    margin-top: 10px !important;
}

.simple-filelist li .simple-filelist-filesize {
    display: inline;
}

@media screen and (max-width: 1001px) {

    .btn-send-answer,
    .btn-save-draft {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767px) {

    .user-answer .main,
    .user-answer .answer-status,
    .other-answers .answer-status,
    .uploadifive-queue,
    .user-answer .comments-tree .level-1 .comment-wrapper,
    .comments-tree {
        margin-right: 0px !important;
    }

    .other-answers .new-comment .textarea-block {
        padding: 0px;
    }

    .user-answer .comment-form-wrapper {
        padding-left: 0px;
    }

    .comment-form-wrapper {
        padding-right: 0px;
    }

    .user-answer .answer-status {
        text-align: right;
        display: inline-block;
    }

    a[href*="/pl/../teach/control/answers/edit"] {
        margin-right: 12px;
    }

    .b-like-and-subscribe-notifications {
        display: block;
    }

    .user-answer {
        padding: 0px;
    }

    .text-muted {
        display: block;
    }

    .type-free_comment .answer-status {
        margin-right: -10px !important
    }

    .simple-answer.user-answer {
        padding-left: 0px;
        padding-right: 0px;
    }

    .type-mission_answer .answer-status {
        float: right;
    }

    .type-mission_answer .change-public-level-link {
        display: inline-block;
    }

    .type-mission_answer a[href*="/pl/../teach/control/answers/edit"] {
        margin-right: 0px !important;
    }

    .type-mission_answer .public-level-block {
        margin-bottom: -5px !important;
    }

    .type-mission_answer .new-comment .textarea-block {
        padding: 0px;
    }

    .lesson-answers-title>h3 {
        font-size: 16px;
        margin-bottom: 0px !important;
    }

    .lesson-answers-title {
        display: flex;
        flex-direction: column-reverse
    }

    .lesson-answers-title .pull-right {
        margin-bottom: 20px;
    }

    .new-comment .textarea-block {
        width: 100%;
        padding: 0px;
    }


    .simple-answer .new-comment-textarea {
        height: unset;
        min-height: 85px !important;
    }

    .comment-form-wrapper .new-comment-textarea::placeholder {
        max-width: 65%;
        color: var(--color-4) !important;
        opacity: 0.4;
    }

    .comment-form-wrapper .new-comment-textarea {
        min-height: 60px !important;
        height: unset !important;
    }

    .answer-form input[type="checkbox"][id="user_hide_answer"]:before {
        left: 1035px !important;
        top: 10px;
    }

    .answer-form label[for="user_hide_answer"] {
        margin-bottom: 0px !important;
    }
}

@media(max-width: 650px) {
    .answer-form .btn-save-draft {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .btn-send-answer,
    .btn-primary[name="send-answer"],
    .save-edited-comment-btn {
        width: 100% !important;
    }
}